<template>
  <div class="view-wrapper">
    <!-- <div class="tabs-body"> -->
      <div class="main_top">
        <div class="lef">
          <div class="" v-for="item in typeList" :class="['list', currentNavtab == item.id ? 'active' : '']" :key="item.id"
            :value="item.id" @click="handleTab(item.id)">
            {{ item.value }} 
          </div>
        </div>
      </div>
      <div class="table"> 
        <issueList v-if="currentNavtab == 0"></issueList>
        <orderList v-if="currentNavtab == 1"></orderList>
      </div>
    <!-- </div> -->
  </div>
</template>

<script>
  
  import issueList from "./tabBox/issueList";
  import orderList from "./tabBox/orderList";
  
  export default {
    // dicts: ['equity_card_issue_type', 'equity_card_sell_status'],
    name: "",
    components: {
      issueList,
      orderList
    },
    data() {
      return {
        currentNavtab: 0,
        typeList: [
          {id: 0,value: '发行管理'},
          {id: 1,value: '发行购买订单'},
        ],
      };
    },
    created() {
  
    },
    methods: {
      //切换选项
      handleTab(id) {
        this.currentNavtab = id
        // this.getList();
      },
    }
  };

</script>
<style lang="scss" scoped>
.tabs-body {
  background-color: #fff;
  // padding: 20px;
}
.main_top{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
    color: #333;
    background: #fff;
    border-radius: 6px;
    padding: 20px 0;
    .lef{
        display: flex;
        justify-content: flex-start;
        border: 1px solid #dfe6ec;
        .list{
            height: 40px;
            text-align: center;
            line-height: 40px;
            width: 140px;
            text-align: center;
            cursor: pointer;
            background: #fff;
        }
        .list:nth-last-child(1){
            // border: none;
        }
        .active{
            background: #1890ff;
            color: #fff;
        }
    }
}
</style>
